import styled from 'styled-components';

export const AllViewStyled = styled.div`
width:100%;
  // height: 100vh;
  display: flex;
  .left {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width:25%;
    padding: 0 1vw;
    .echarts-ring {
      margin-top: 2vw;
      height: 20rem;
    }
    .left-content{
      height:25vh;
    }


  }
  .middle {
    width:45%;   
    .middle-count {
      margin-top:2vw;
      width: 90%;
      margin: auto;
      
    }
    .middle-main{
      height:55.5vh;
    }

    
  }
  .right {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width:25%;
    padding: 0 1vw;
    .right-content{
    height:25vh;
    }
    .borrow-rank {
      // height:30vh;
      overflow:hidden;
    }
  }
`;
